@second-menu-width: 280px;
@c-header-height: 40px;
@c-footer-height: 30px;
@c-second-menu-title: 40px;
@c-bg-color-2663e0: #2663e0;
@main-menu-open: 200px;
@main-menu-close: 80px;
@bg-color-eceff4: #eceff4;
@c-breadcrumb-height: 40px;

// todo 主要是为了自定义表单的样式其他样式应该删去

/*配置页面生成的fieldset样式清除 开始*/
fieldset {
  border-width: 0;
  border-image: none;
}

/*配置页面生成的fieldset样式清除 结束*/

/*
    人员主数据页面样式开始
*/

/*人员主数据的二级菜单 开始*/

/*一级菜单打开*/
.ant-layout-aside {

  /*二级菜单打开*/
  .employee-detail-open {
    .c-second-menu {
      left: @main-menu-open;
      transition: all .3s ease;
    }

    .c-content-wrapper {
      width: calc(~"100% - @{second-menu-width}");
      margin-left: @second-menu-width;
      transition: all .3s ease;
    }

  }

  /*二级菜单关闭*/
  .employee-detail-close {

    .c-second-menu {
      left: -@main-menu-close;
      transition: all .3s ease;
    }

    .c-content-wrapper {
      width: 100%;
      margin-left: 0;
      transition: all .3s ease;
    }

  }

}

/*一级菜单关闭*/
.ant-layout-aside-collapse {

  /*二级菜单打开*/
  .employee-detail-open {

    .c-second-menu {
      left: @main-menu-close;
      transition: all .3s ease;
    }

    .c-content-wrapper {

      transition: all .3s ease;
    }

  }

  /*二级菜单关闭*/
  .employee-detail-close {

    .c-second-menu {
      left: -@main-menu-open;
      transition: all .3s ease;
    }

    .c-content-wrapper {

      transition: all .3s ease;
    }

  }

}

.employee-detail-open .c-content-wrapper .toggle-icon {
  width: 15px;
  max-width: 0;
  opacity: 0;
  transition: all .3s ease;
}

.employee-detail-close .c-content-wrapper .toggle-icon {
  width: 15px;
  max-width: 15px;
  opacity: 1;
  transition: all .3s ease 0.3s;
}

  .subType-name-span{
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    padding-left: 5px;
    margin: 15px 0;
    border-left: 5px solid #2663e0;
  }

  .c-second-menu {
    width: @second-menu-width;
    height: calc(~"100% - @{c-header-height} - @{c-footer-height}");
    background-color: white;
    position: fixed;
    z-index: 200;

    .c-header {
      background-color: @c-bg-color-2663e0;
      color: white;
      line-height: 40px;
      text-align: center;
      position: relative;

      .toggle-icon {
        position: absolute;
        right: 8px;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        z-index: 1;
      }
    }

    .c-content {
      height: calc(~"100% - @{c-second-menu-title}");
      position: relative;

      .msk {
        width: 100%;
        height: 100%;
        background-color: black;
        background-color: rgba(55, 55, 55, .6);
        transition: all 0.3s;
      }

      .search-header {
        width: 100%;
        padding: 10px;
        border-bottom: 1px solid #d9d9d9;
        transition: all 0.3s ease;
        background-color: white;
        z-index: 1;

        .filter-btn {
          padding: 6px 6px;
          border-radius: 3px;
          background: #eeeeee;
        }

        .filter-btn-clicked {
          padding: 6px 6px;
          border-radius: 3px;
          color: white;
          background: @c-bg-color-2663e0;
        }

        .filter-open {
          background-color: white;
          height: auto;
          visibility: visible;
          transition: height 0.3s ease;
          z-index: 1;
        }

        .filter-close {
          background-color: white;
          height: 0;
          visibility: hidden;
          transition: height 0.3s ease;
          overflow: hidden;
        }

      }

      .search-list {
        height: 73vh;
        position: relative;
        padding-top: 28px;
        overflow: hidden;

        .no-data {
          margin: 50% auto;
          text-align: center;

          img {
            height: 120px;
            width: 120px;
          }

        }

        .has-data {
          height: 100%;
          width: @second-menu-width;
          .result-num {
            padding: 0;
            color: #606060;
            position: absolute;
            top: 5px;
            left: 10px;
          }

          .result-list::-webkit-scrollbar {
            width: 0px;
            height: 0px;
          }

          .result-list {
            height: 100%;
            overflow-x: hidden;
            overflow-y: scroll;
            padding: 0 10px;
            .hrList{
             padding: 10px 0
            }
            .photo {
              width: 34px;
              line-height: 34px;
              margin-right: 20px;
              height: 34px;
            }

            .name {
              width: calc(~"100% - 54px");

              .nameLine {
                margin-bottom: 10px;
                color: #4d4d4d;
              }
              .codeLine {
                color: #606060;
                margin-bottom: 5px;
              }
              .text {
                font-size: 12px;
                height: 12px;
                line-height: 12px;
              }

            }

            .to-relation {
              font-size: 14px;
              color: #108ee9;
              position: absolute;
              margin-top: 20px;
              top:12px;
              right: -20px;
              opacity: 0;
              transition: all 0.3s ease;
            }

            .clicked-list{
              background-color: #eaf8fe;
            }

            .hrList:hover{
              background-color: #f8fdff;
            }

            .hrList:hover .to-relation{
              right: 10px;
              opacity: 1;
              transition: all 0.3s ease;
            }

          }
          }

      }

    }

  }
.hrList .name>.ant-row{
                line-height: 20px;
            }
            .photoStyle>img{
                vertical-align: middle;
            }
  .c-content-wrapper {
    background-color: @bg-color-eceff4;
    min-height: calc(~"100vh - @{c-footer-height} - @{c-header-height}");
    position: relative;

    .toggle-icon {
      position: absolute;
      left: 0;
      top: 0;
      height: 40px;
      width: 15px;
      line-height: 40px;
      background-color: @c-bg-color-2663e0;
      color: white;
      cursor: pointer;
    }

    .everyPageBreadCrumb .ant-breadcrumb {
      padding-left: 0;
    }

    .no-data {
      width: 100vw;
      height: calc(~"100vh - @{c-footer-height} - @{c-header-height} - @{c-breadcrumb-height}");
      display: table-cell;
      text-align: center;
      vertical-align: middle;

      img {
        height: 300px;
        width: 300px;
      }
    }

    .detail-content {
      .fade-in-right{
        min-height: 500px;
        min-width: 800px;
      }

      //margin: 0 15px 35px 15px;
      .people-info-open {

        .ant-card-body {
          padding: 20px;
          height: 130px;

          .info-wrap {

            .left {
              border-right: 1px solid #dddddd;

              .head-pic {
                width: 90px;
                height: 90px;
                float: left;
              }

              img {
                height: 90px;
                width: 90px;
              }
              .m-icon,.f-icon {
                height: 90px;
                width: 90px;
                display: block;
                float: left;
                color: #2cb7f5;
              }

              .c-dib {
                width: 200px;

                .name {
                  margin-top: 15px;
                  width: 100%;
                  text-align: center;
                  color: #3c4b61;
                  font-size: 14px;
                  line-height: 28px;
                }

                .position {
                  width: 100%;
                  text-align: center;
                  color: #2663E0;
                  font-size: 14px;
                  line-height: 28px;
                }

              }

            }

            .right {
              padding: 10px 0 10px 0;

              .c-fl {
                padding: 0 20px;
                margin-bottom: 10px;
                border-right: 1px solid #dddddd;
              }

              i {
                font-size: 14px;
                color: #BFC6D1;
                margin-right: 6px;
              }

              .name {
                margin-top: 15px;
                font-size: 14px;
                color: #BFC6D1;
              }

              .value {
                font-size: 14px;
                color: #747F8F;
              }

            }

          }
        }
      }

      .people-info-close {
        .ant-card-body {
          height: 40px;
          padding: 6px 20px;

          .info-wrap {

            img {
              height: 28px;
              width: 28px;
            }
            .m-icon,.f-icon {
              height: 28px;
              width: 28px;
              display: block;
              float: left;
              color: #2cb7f5;
            }

            .name {
              line-height: 28px;
              color: #3c4b61;
              font-size: 14px;
              margin: 0 10px;
            }

            .position {
              line-height: 28px;
              padding-left: 20px;
              border-left: 1px solid #DDDDDD;
              color: #2663E0;
              font-size: 14px;
            }

            .gender {
              line-height: 28px;
              margin-right: 20px;
            }

          }

        }
      }

      .employee-tabs {
        min-height: 650px;
        .ant-card-body {
          padding: 0;
        }
        .ant-collapse {
          background-color: white;
          min-height: 500px;

          .infoSet-panel {
            background: white;
            border-radius: 4px;
            margin-bottom: 24px;
            border: 1px solid #E9E9E9;
          }

          .noAuthority-panel{

            .ant-collapse-header{
              padding-left: 12px;
            }

            .arrow{
              display: none;
            }

          }
        }

        .no-authority-card{
          i{
            margin-right: 10px;
            color: #2663E0;
          }
        }

      }

      .ant-tabs-tabpane{
        min-height: 500px;
      }

    }

  }


/*人员主数据的二级菜单 结束*/

/*人员主数据的表单 开始*/
.form-list-edit,.form-list {
  border-bottom: 1px solid #e6e7e7;

  .infoSet-name{
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    line-height: 30px;
  }

  .table-add-icon{
    font-size: 16px;
    color: @c-bg-color-2663e0;

  }

}


.ant-modal .ant-spin-container > div {
  height: auto
}

.ant-modal .ant-spin-nested-loading {
  height: auto
}

/*人员主数据的表单 结束*/

.infoSet-title {
  line-height: 30px;
  vertical-align: middle;
  border-bottom: 1px solid #e6e7e7;

  .infoSet-name{
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
  }

  .subType-name{
    font-size: 12px;
    padding-left: 25px;
  }

  .show-begin-end {
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    height: 28px;
    line-height: 27px;
    margin-right: 10px;
    width: 200px;
    display: inline-block;
    text-align: center;
  }
}

.infoSet-none-data {
  .none-data {
    color: #d9d9d9;
    line-height: 45px;
    height: 45px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
  }
}

.employee-tabs .action-icon {
  color: @c-bg-color-2663e0;
  font-size: 16px;
  margin: 0 5px;
  cursor: pointer;
}

/*人员主数据tab下拉区域样式*/
.detail-content {
  .ant-tabs-extra-content {
    font-size: 16px;
    color: #B4BDCA;
    padding: 0 15px;
    line-height: 50px;
  }

}

.employee-detail-tab-drop {
  left: 15px !important;
  width: calc(~"100% - 30px");
  border-bottom: 1px;
  padding-top: 13px;

  .ant-tooltip-arrow {
    border-color: #FBFCFE;
  }

  .ant-tooltip-inner {
    width: 100%;
    max-width: none;
    background-color: #FBFCFE;
    padding: 10px 20px;

    .ant-input-affix-wrapper {
      width: 300px;
      margin-bottom: 15px;
    }

    .ant-row {
      margin-bottom: 20px;
      span {
        color: #868687;
      }

      .has-been-search {
        border: 1px solid #F6C763;
        background-color: #FDF3EC;
        padding: 3px 5px;
      }

      .error-span {
        color: red;
      }

      .search-span {
        color: red;
      }

      > div {
        text-align: center;
      }

    }

  }

}

/*人员主数据tab下拉区域样式 结束*/

/*人员主数据高级筛选  开始*/

.nomarl-model .object-filter {

  .ant-col-12 .ant-select,.ant-select{
    width: 100%;
  }

  .left-border {
    border-left: 3px solid @c-bg-color-2663e0;
    padding-left: 6px;
  }

  .left-border:last-child{
    margin: 20px 0 20px 0;
  }

  .anticon-plus-square-o {
    font-size: 20px;
    line-height: 28px;
    cursor: pointer;
  }

}

/*人员主数据高级筛选  结束*/

/*员工入职页面样式开始*/

/*
    员工入职页面样式结束
*/

/*
    员工离职页面样式开始
*/
.bodys {
  position: relative;
  background: #eceff4;
  min-height: calc(~"100vh - 87px");
}

.DimissionContent {
  min-height: calc(~"100vh - 220px");
  margin: 0 20px 20px 20px;
  border-radius: 5px;
  background: #fff;
  padding: 20px;
  .result-box{
    background-color: #fff;
    height: 78vh;
    overflow-y: auto
  }
}
.th-width th{
  width: 47%
}
.DimissionSteps {
  margin: 20px 0;
}

.Dimission .ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-title {
  color: #333;
}

.Dimission .steps-content {
  border: 0px;
  background-color: #fff;
}

.Dimission .steps-action {
  text-align: right;
}

.DimissionContent .ant-table-tbody tr:nth-child(2n-1) {
  background-color: #fafafc;
}

.DimissionContent table {
  border-collapse: collapse !important;
}

.DimissionContent .ant-table-tbody tr:hover {
  background-color: #eaf8fe !important;
  /*border:1px solid #C4DEFD!important;*/
}

.DimissionContent .ant-table-tbody > tr > td, .DimissionContent .ant-table-thead > tr > th {
  border: none;
  height: 40px;
  line-height: 24px;
  padding: 10px 8px;
  color: black;
}

.DimissionContent .ant-table-content th {
  font-weight: normal;
  background-color: white;
  color: #2663E0 !important;
}

.DimissionContent .ant-table-tbody > tr > td .anticon-down {
  font-size: 20px;
  color: black;
}

.DimissionContent .ant-pagination-item-active {
  background-color: #2663E0;
}

.DimissionContent .ant-table-wrapper .ant-table-content {
  height: 100%;
}

.DimissionContent .ant-table-wrapper .ant-table-content .ant-table-scroll {
  height: 100%;
}

.DimissionContent .ant-table-wrapper .ant-table-content .ant-table-scroll .ant-table-header {
  /*margin-bottom: -20px !important;*/
  padding-bottom: 0px !important;
  background-color: white !important;
}

/*
    员工离职页面样式结束
*/

/*
    人事事件页面样式开始
*/
.DimissionWarp {
  position: relative;
  background: #eceff4;
}

.HrEvents .sub-type-span{
    text-align: right;
    line-height: 40px;
    font-size: 12px;
    color: #0664c2;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sub-type-value{
  padding: 6px 5px 4px 10px;
}

.HrEvents .div-view {
  .ant-form-item-control{
    line-height: 30px;
  }

  .ant-form-item .ant-switch{
    margin: 0;
  }

  .ant-upload .ant-btn{
    padding: 0;
  }
}



/*
    人事事件页面样式结束
*/








